<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="天天来收租" />
  <meta name="format-detection" content="telphone=no, email=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="320" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="browsermode" content="application" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <title>中奖记录-天天来收租</title>
  <link rel="stylesheet" type="text/css" href="../css/public.css" />
  <link rel="stylesheet" type="text/css" href="../css/investmentIn_mines.css" />
</head>

<body>
  <div class="zone">
    <div class="count">
      <div class="top">
        <img class="top_img" id="top_img" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jiantou.png" alt="" />
        <div class="title">投矿山</div>
      </div>
      <!-- 下方盒子 -->
      <div class="body_c">
        <div class="body_top">
          <div class="left">
            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/time.png" class="img_time" alt="" />
            <div class="box">
              <span id="countdown">
                <!-- 05:31:24 -->
              </span>
            </div>
          </div>
          <div class="right">
            <img class="img" id="wanfajieshao" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/play.png" alt="" />
            <img class="img" id="wangqijilu" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/period.png" alt="" />
            <img class="img" id="paihangbang" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/list.png" alt="" />
          </div>
        </div>
        <!-- 最大奖池与最小奖池 -->
        <div class="body_jackpot" id="body_jackpot">
          <!-- <div class="jackpot_left">
              <div class="nei">
                <div class="pos_img">
                  <span>最大</span>
                  <img
                    src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-orange.png"
                    class="nei_img"
                    alt=""
                  />
                </div>
                <div class="nei_right">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" class="nei_jinbi" alt="" />
                  <span>7468.9</span>
                </div>
              </div>
              <div class="jackpot_tit">当前最大矿山奖池</div>
            </div>
            <div class="jackpot_right">
              <div class="nei">
                <div class="pos_img">
                  <span>最小</span>
                  <img
                    src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-blue.png"
                    class="nei_img"
                    alt=""
                  />
                </div>
                <div class="nei_right">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" class="nei_jinbi" alt="" />
                  <span>7468.9</span>
                </div>
              </div>
              <div class="jackpot_tit">当前最小矿山奖池</div>
            </div> -->
        </div>
        <!-- 下面的五座山 -->
        <div class="mountain" id="mountain">
          <!-- <div class="top_left">
              <div class="t_left">
                <img
                  id="top_left_img"
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-green.png"
                  alt=""
                />
                <div class="addess"><p>1235平米</p></div>
                <div class="hua">
                  <div class="hua_jiang"><p>当前每平米奖励</p></div>
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" alt="" />
                  <span>12.9</span>
                </div>
              </div>
            </div>
            <div class="top_right">
              <div class="t_left">
                <img
                  id="top_right_img"
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-blue.png"
                  alt=""
                />
                <div class="addess"><p>1235平米</p></div>
                <div class="hua">
                  <div class="hua_jiang"><p>当前每平米奖励</p></div>
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" alt="" />
                  <span>12.9</span>
                </div>
              </div>
            </div>
            <div class="center">
              <div class="t_left">
                <img
                  id="center_img"
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-purple.png"
                  alt=""
                />
                <div class="addess"><p>1235平米</p></div>
                <div class="hua">
                  <div class="hua_jiang"><p>当前每平米奖励</p></div>
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" alt="" />
                  <span>12.9</span>
                </div>
              </div>
            </div>
            <div class="bot_left">
              <div class="t_left">
                <img
                  id="bot_left_img"
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-red.png"
                  alt=""
                />
                <div class="addess"><p>1235平米</p></div>
              </div>
            </div>
            <div class="bot_right">
              <div class="t_left">
                <img
                  id="bot_right_img"
                  src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-orange.png"
                  alt=""
                />
                <div class="addess"><p>1235平米</p></div>
              </div>
            </div> -->
        </div>
        <!-- 下方的山的介绍 -->
        <div class="introduce" id="introduce">
          <!-- <div class="introduce_box">
              <img
                src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-green.png"
                class="introduce_img"
                alt=""
              />
              <div class="pos_tit"><p>最高</p></div>
              <div class="introduce_name">10人</div>
            </div>
            <div class="introduce_box">
              <img
                src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-blue.png"
                class="introduce_img"
                alt=""
              />
              <div class="introduce_name">0人</div>
            </div>
            <div class="introduce_box">
              <img
                src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-purple.png"
                class="introduce_img"
                alt=""
              />
              <div class="introduce_name">0人</div>
            </div>
            <div class="introduce_box">
              <img
                src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-red.png"
                class="introduce_img"
                alt=""
              />
              <div class="introduce_name">110人</div>
            </div>
            <div class="introduce_box">
              <img
                src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/314x216-orange.png"
                class="introduce_img"
                alt=""
              />
              <div class="pos_tit"><p>最小</p></div>
              <div class="introduce_name">0人</div>
            </div> -->
        </div>
        <!-- 下方的本期投入 -->
        <div class="investment">
          <div class="left_tit">
            我本期已投入：<span id="touru_num">
              <!-- 111 -->
            </span>
            矿工
          </div>
          <div class="right_tit">
            <span>预计可瓜分</span><img src="http://img.qxgs.cc/tiantianlaishouzu/img/number/jinbi.png" class="tit_img" alt="" /><span id="minerMonry">
              <!-- : 300 -->
            </span>
          </div>
        </div>
        <!-- 下方的背景图片 -->
        <div class="bg">
          <div class="bg_top">
            <div class="bgtop_left" id="bgtop_left"></div>
            <div class="bgtop_center">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/54x77-kuanggong.png" alt="" />
              <span id="porp_num">
                <!-- 5个 -->
              </span>
            </div>
            <div class="bgtop_right" id="bgtop_right"></div>
          </div>
          <div class="bot_title">
            <p>提示：投入的工人，每人可开采1平米</p>
          </div>
          <div class="bg_back"></div>
        </div>
      </div>
      <!-- 矿场投入工人 -->
      <div class="modal modal-toukuang" style="display: none" id="modal-tips">
        <div class="modal-mask"></div>
        <div class="toukuang_box">
          <div class="toukuang_top">
            <span>提示</span>
            <img id="mineClace" src="http://img.qxgs.cc/tiantianlaishouzu/img/number/clare.png" alt="" />
          </div>
          <div class="toukuang_cen">
            <div class="toukuang_tit" id="toukuang_tit">1号矿山</div>
            <div class="toukuang_num" id="tipsimg">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/130x90-red.png" alt="" />
              <div class="toukuang_title">
                <p id="pinmi">当前面积:10768平米</p>
              </div>
            </div>
            <!-- 下面的步进器 -->
            <div class="bujinqi">
              <div class="bujinqi_left" id="bujinqi_left">-</div>
              <input class="bujinqi_center" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" id="bujinqi_center" />
              <div class="bujinqi_right" id="bujinqi_right">+</div>
            </div>
            <!-- 投入矿工 -->
            <div class="kuanggong">
              投入数量：<span id="bujinqi_num">1矿工</span>
            </div>
          </div>
          <!-- 下方的按钮 -->
          <div class="btn" id="touru_kunag"></div>
        </div>
      </div>
      <!-- 雇佣工人 -->
      <div class="modal modal-hire" style="display: none" id="modal-hire">
        <div class="modal-mask"></div>
        <div class="toukuang_box">
          <div class="toukuang_top">
            <span>提示</span>
            <img id="hireClace" src="http://img.qxgs.cc/tiantianlaishouzu/img/number/clare.png" alt="" />
          </div>
          <div class="toukuang_cen">
            <div class="toukuang_tit" id="hire_tit">矿工</div>
            <div class="toukuang_num">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/103x151-kuanggong.png" alt="" />
              <div class="toukuang_title">
                <p>当前拥有: <span id="popr_nums"></span></p>
              </div>
            </div>
            <!--! 下面的步进器 -->
            <div class="bujinqi">
              <div class="bujinqi_left" id="hire_left">-</div>
              <input class="bujinqi_center" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                id="hire_center"></input>
              <div class="bujinqi_right" id="hire_right">+</div>
            </div>
            <!-- 投入矿工 -->
            <div class="kuanggong">
              <span>需要支付</span><img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jinbi.png" alt="" />
              <span id="zhifu">1.05</span>
            </div>
            <div class="kuanggong_btn">
              <span>购买单价</span><img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jinbi.png" alt="" />
              <span>1.05</span><span>/矿工</span>
            </div>
            <div class="kuanggong_btn">
              <span>拥有金币：</span><img src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jinbi.png" alt="" />
              <span id="my_money">1.05</span>
            </div>

          </div>
          <!-- 下方的按钮 -->
          <div class="btn" id="btn_hire"></div>
        </div>
      </div>
    </div>
  </div>
  <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/investmentIn_mines.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>